<template>
  <div id="map_box" class="map_box"></div>
</template>
<script>
export default {
  data () {
    return {

    }
  },
  created () {

  },
  mounted () {
    this.init()
  },
  // destroyed() {
  //     this.map.destroy();
  //     this.map = null;
  //     // this.mapModule.dispose();
  //     this.mapModule = null;
  //     // console.log("==================destroyed==================");
  //   },
  methods: {
    init () {
      let map = new AMap.Map('map_box', {
        rotateEnable: true,
        pitchEnable: true,
        zoom: 17,
        // pitch: 45,
        rotation: -15,
        viewMode: '3D', //开启3D视图,默认为关闭
        center: "",
        terrain: true
      });
    },
  }
}
</script>
<style>
.map_box {
  width: 100%;
  height: 304px;
}
</style>